<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('新增用户')"/>
    <link th:href="@{/ajax/libs/bootstrap-tagsinput/tagsinput.css}" rel="stylesheet">
    <link th:href="@{/ajax/libs/jQuery-ui/jquery-ui.css}" rel="stylesheet">

</head>


<body style="background-color: #F4F6FA">
<div class="main-content" style="margin: 0;padding: 0">

    <form class="form-horizontal" id="inputForm" th:object="${telGetDeal}">
        <input name="pkId" th:field="*{pkId}" type="hidden">
        <div class="col-sm-12" style="display: flex">
            <!--     左       -->
            <div class="col-sm-7 entering-page">
                <!--    历史来电    -->
                <div class="col-sm-12 entering-top">
                    <div>历史来电数:<strong>[[${history}]]</strong></div>
                    <div>不满意:<strong>[[${noLike}]]</strong></div>
                    <div>常涉问题:<strong>[[${problem}]]</strong></div>
                </div>
                <!--事发地址-->
                <div class="col-sm-12 entering-mt">
                    <div class="form-group">
                        <label class="col-sm-2 control-label is-required entering-pd">事发地址：</label>
                        <div class="col-sm-8">
                            <input name="theAddress" th:field="*{fmAddress}" placeholder="请输入" class="form-control scene theAddress" type="text"
                                   maxlength="30"
                                   required="">
                        </div>
                        <div class="col-sm-2">
                            <input id="sensitiveId" type="hidden" name="sensitiveId" th:value="${sensitive == null ? '':sensitive.id}"/>
                            <button type="button" class="btn btn-sm btn-primary"
                                    style="margin-top: 3px;color: #206ef7;background-color: white"
                                    onclick="sensitivity()">敏感信息
                            </button>
                        </div>
                    </div>
                </div>
                <!--来电类容-->
                <div class="col-sm-12">
                    <div class="form-group">
                        <label class="col-xs-2 control-label entering-pd">来电内容：</label>
                        <div class="col-xs-10">
                            <textarea th:field="*{fmContent}" name="phoneRemark" maxlength="1000" class="form-control phoneRemark" rows="3"
                                      style="height: 100px"></textarea>
                            <span>还可以输入<i class="phoneRemarkI">1000</i>个文字</span>
                            <button type="button" class="btn btn-sm btn-primary" style="position: absolute;right: 15px"
                                    onclick="identification()">智能预载
                            </button>

                        </div>
                    </div>
                </div>
                <!--来电人名等，关键词等，分两个部分-->
                <!--来电人名等-->
                <div class="col-sm-6">
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来电人名：</label>
                            <div class="col-sm-8">
                                <input name="phoneName" th:field="*{fromName}" placeholder="请输入" class="form-control phoneName" type="text"
                                       maxlength="5" required="">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">联系电话：</label>
                            <div class="col-sm-8">
                                <input name="relationPhone" th:field="*{fromTelA}" placeholder="请输入" class="form-control relationPhone" type="text"
                                       maxlength="11" required="">
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">来电类别：</label>
                            <div class="col-sm-8">
                                <select name="phoneCategory" id="phoneCategory" th:field="*{dfmClaNo}" class="form-control m-b phoneCategory">
                                    <option value="">-请选择-</option>
                                    <option value="1">投诉</option>
                                    <option value="2">建议</option>
                                    <option value="3" selected>表扬</option>

                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label is-required entering-pd">内容类别：</label>
                            <div class="col-sm-8">
                                <input id="treeName" name="dcntAname" th:field="*{dcntAname}" onclick="selectDeptTree()" class="form-control"
                                       type="text" maxlength="50" required="" aria-required="true">
                                <input id="treeId" name="dcntAcode" type="hidden"/>
                            </div>
                        </div>
                    </div>
                    <!--                    <div class="col-sm-12">-->
                    <!--                        <div class="form-group">-->
                    <!--                            <label class="col-sm-4 control-label entering-pd">影响范围：</label>-->
                    <!--                            <div class="col-sm-8">-->
                    <!--                                <input name="userName" placeholder="请输入" class="form-control" type="text"-->
                    <!--                                       maxlength="30" required="">-->
                    <!--                            </div>-->
                    <!--                        </div>-->
                    <!--                    </div>-->
                    <div class="col-sm-12">
                        <div class="form-group">
                            <label class="col-sm-4 control-label entering-pd">被诉主体：</label>
                            <div class="col-sm-8">
                                <input name="accSubject" th:field="*{accSubject}"  placeholder="请输入" class="form-control" type="text"
                                       maxlength="30" required="" id="subject">
                            </div>
                        </div>
                    </div>

                </div>


                <!--bootstrap关键词等-->
                <div class="col-sm-6">
                    <div>关键词标签</div>
                </div>
                <div class="col-sm-6">
                    <input class="antistop" type="text" value="" data-role="tagsinput">
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">屏蔽号码：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="hideTel" value="5"  th:field="*{hideTel}" type="radio">是
                            </label>
                            <label class="check-box">
                                <input name="hideTel" value="0" type="radio" checked>否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">同意公开：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="openFrom" value="1" th:field="*{openFrom}" type="radio">是
                            </label>
                            <label class="check-box">
                                <input name="openFrom" value="0" th:field="*{openFrom}" type="radio" checked>否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">重复来电：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="repeatFlag" value="1" th:field="*{repeatFlag}" type="radio">是
                            </label>
                            <label class="check-box">
                                <input name="repeatFlag" value="0" th:field="*{repeatFlag}" type="radio" checked>否
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-4 control-label">紧急联系：</label>
                        <div class="col-xs-8">
                            <label class="check-box">
                                <input name="mark" value="1" type="radio">是
                            </label>
                            <label class="check-box">
                                <input name="mark" value="0" type="radio" checked>否
                            </label>
                        </div>
                    </div>
                </div>

                <div class="col-sm-12">
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-4 control-label entering-pd">坐席备注：</label>
                            <div class="col-xs-8">
                                <select id="xSysDescSelect" class="form-control formSelect" style="margin-bottom: 5px;"
                                        onchange="dropChgSendTextOnly(this,'xsysDesc');">
                                    <option value="-1">---内部交流常用语---</option>
                                    <option value="110">无效来电，请核查办结</option>
                                    <option value="120">当场办结，请核查办结</option>
                                    <option value="130">建议回电联系来话人后酌情处理</option>
                                    <option value="140">反映问题与（）相同，酌情催办工单</option>
                                    <option value="150">建议创建工单，请职能部门（）办理。</option>
                                    <option value="150">来话人特别要求：</option>
                                </select>
                                <textarea th:field="*{xsysDesc}" name="xsysDesc" id="SeatsRemark" maxlength="3500" class="form-control SeatsRemark"
                                          rows="3"></textarea>
                                <span>还可以输入<i class="SeatsRemarkI">3500</i>个文字</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6">
                        <div class="form-group">
                            <label class="col-xs-4 control-label entering-pd">交办意见：</label>
                            <div class="col-xs-8">

                                <select id="xDealDescSelect" class="form-control formSelect" style="    margin-bottom: 5px;"
                                        onchange="dropChgSendTextOnly(this,'xdealDesc');">
                                    <option value="-1">---处理来电常用语---</option>
                                    <option value="-110">请 XXX 调查处理后直接与来话人联系，并将处理结果抄复我办。</option>
                                    <option value="-120">已当场处理</option>
                                    <option value="-130">来话人反映外地（xx市）问题，建议其向当地职能部门反映</option>
                                    <option value="-140">请来话人了解清楚后再做反映</option>
                                    <option value="-150">已建议来话人以适当形式向市纪委监察局（12388）反映</option>
                                    <option value="-160">查询知识库或相关资料，告知来话人：</option>
                                    <option value="-170">建议来话人：</option>
                                    <option value="-180">经查，反映问题与（工单编号：）相同，告知来话人已有市民反映，且职能部门正在办理</option>
                                    <option value="-190">
                                        经查，工单编号为（）的来电，相关部门正在积极的处理中，请耐心等待处理结果。12345热线公开电话的处理时限为：一般问题5个工作日内回复，较复杂问题15个工作日内给予回复，特别重大及疑难问题按照信访条列60天内回复。欢迎多提宝贵意见！
                                    </option>
                                    <option value="-200">记录并整理通话内容，告知来话人后续由相关职能部门进行办理</option>
                                    <option value="-210">感谢您对成都市政府工作的关心和支持。欢迎多提宝贵意见！</option>
                                    <option value="-220">已当即联系自来水公司（962965）、电业局（95598）、天然气公司（962777）的***号工作人员处理。</option>
                                    <option value="-230">您所反映的问题我办已多次受理，并且相关部门已进行多次回复和解释，对此我办不再受理该问题，请您通过其他途径解决</option>
                                    <option value="-240">据查，您反映情况不属实，并且相关部门已进行了回复和解释，对此我办不再受理该问题。</option>
                                </select>
                                <textarea th:field="*{xdealDesc}" name="xdealDesc" id="opinion" maxlength="3500" class="form-control opinion"
                                          rows="3"></textarea>
                                <span>还可以输入<i class="opinionI">3500</i>个文字</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 entering-bt">

                    <button type="button" class="btn btn-sm btn-warning" onclick="draft()">存草稿
                    </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn btn-sm btn-primary" onclick="transfer()">转值班长
                    </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn btn-sm btn-info" onclick="answer()">当场解答
                    </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn btn-sm btn-success" onclick="invalidPhone()">无效来电
                    </button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                    <button type="button" class="btn btn-sm btn-warning" onclick="gclose()">关闭
                    </button>&nbsp;

                </div>
            </div>

            <!--     右       -->
            <div class="col-sm-5 entering-page">
                <div class="col-sm-12">
                    <ul class="nav nav-pills nav-tabs" style="margin: 10px 0 10px 0;" id="navUL">
                        <li role="presentation"><a href="/jackPerLine.html" target="myIframe" id="phoneWork"
                                                   class="current">同号工单来电</a></li>
                        <li role="presentation" lass="active" class="recommendli"><a href="" target="myIframe"
                                                                                     id="recommend">类案推荐</a></li>
                        <!--                        <li role="presentation"><a href="home3.html" target="myIframe">相关政策</a></li>-->
                    </ul>
                    <iframe style="width: 100%;height: 600px;border: medium none" name="myIframe"
                            th:src="@{/jackPerLine.html}"></iframe>
                </div>
            </div>
        </div>

    </form>


</div>


<th:block th:include="include :: footer"/>
<script th:src="@{/ajax/libs/bootstrap-tagsinput/tagsinput.min.js}"></script>
<script th:src="@{/ajax/libs/jQuery-ui/jquery-ui.js}"></script>
<script th:src="@{/js/teladd.js}"></script>

<script>
    /*部门管理-新增-选择父部门树*/
    function selectDeptTree() {
        var options = {
            title: '内容类别选择',
            width: "380",
            url: ctx + "system/common/findContentCategories/11",
            callBack: doSubmit
        };
        $.modal.openOptions(options);
    }

    function doSubmit(index, layero) {
        var body = layer.getChildFrame('body', index);
        $("#treeId").val(body.find('#treeId').val());
        $("#treeName").val(body.find('#treeName').val());
        layer.close(index);
    }

    var sensitiveInfo = new Object()
    function GetChildValue(data) {
        sensitiveInfo.cardId = data[0].value;
        sensitiveInfo.militaryId = data[1].value;
        sensitiveInfo.realName = data[2].value;
        sensitiveInfo.medicalCardNum = data[3].value;
        sensitiveInfo.other = data[4].value;
        console.log(sensitiveInfo)
    }
</script>
</body>
</html>

